﻿html, body {
    margin: 0px;
    padding: 0px;
    font-family:"Microsoft yahei","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","微软雅黑",'Segoe UI',Tahoma,"宋体b8b\4f53",SimSun,sans-serif;
    background:#f0f0f2;
}

a {
    text-decoration: none;
    color:#333333;
}

ul, li {
    list-style: none;
    margin:0px;
    padding:0px;
}

.clr {
    clear: both;
}

.le {
    float: left;
}

.ri {
    float: right;
}
img {border:none;
}

.play {
    display:block;
}
.close {
    display:none;
}


.main {
   padding-bottom:70px;
}




/*底部bottom*/
.bottom {
   position:fixed;
   bottom:0px;
   left:0px;
   width:100%;
   height:70px;   
   background:#fff; 
   border-top:#cccccc 1px solid;
}
.bottom ul.h_ul {
    width:100%;
}
.bottom ul.h_ul>li {
    float:left;
    width:20%;
    height:70px;
    text-align:center;
    position:relative;
    font-size:12px;
    background-size:40px;
    background-position:center 5px;
}
.h_li1 {
    background:url(../img/b1_icon.jpg) no-repeat;
}
.h_li1.on {
    background:url(../img/b1h_icon.jpg) no-repeat;
}
.h_li2 {
    background:url(../img/b2_icon.jpg) no-repeat;
}
.h_li2.on {
    background:url(../img/b2h_icon.jpg) no-repeat;
}
.h_li3 {
    background:url(../img/b3_icon.jpg) no-repeat;
}
.h_li3.on {
    background:url(../img/b3h_icon.jpg) no-repeat;
}
.h_li4 {
    background:url(../img/b4_icon.jpg) no-repeat;
}
.h_li4.on {
    background:url(../img/b4h_icon.jpg) no-repeat;
}
.h_li5 {
    background:url(../img/b5_icon.jpg) no-repeat;
}
.h_li5.on {
    background:url(../img/b5h_icon.jpg) no-repeat;
}
.bottom ul.h_ul li a {
    display:block;
    height:20px;
    padding-top:50px;
    color:#999999;
}
.bottom ul.h_ul > li.on a {
    color:#1b1e23;
}
.bottom ul.h_ul ul.s_ul {
    position:absolute;
    bottom:70px;
    width:100%;
    background:rgba(0,0,0,0.8);
}
/*.bottom ul.h_ul li.on ul.s_ul {
    display:block;
}*/
.bottom ul.h_ul ul.s_ul li {
    height:30px;
    border-bottom:#fff 1px solid; 
}
.bottom ul.h_ul ul.s_ul li a{
    height:30px;
    padding-top:0px;
    line-height:30px;  
    color:#fff;  
}
.bottom ul.h_ul ul.s_ul li a:hover {
    color:red;    
}



.hide {
    display:none;
}
